html,
body {
    width: 100%;
    margin: 0px;
    font: normal 12px 'Microsoft YaHei';
}

body {
    min-width: 1226px;
}

ul,
li {
    list-style: none;
    display: inline-block;
    margin: 0px;
}


/* 头部开始 */

.headerOne {
    width: 100%;
    margin: 0px;
}

.header {
    background-color: #333333;
}

.header>.header_nav {
    width: 1226px;
    margin: 0px auto;
}

.header>.header_nav>ul.menu {
    margin-left: -46px;
}

span.sep {
    color: #425050;
    font-weight: 700;
}

.header>.header_nav>.menu li {
    color: #b0b0b0;
    font-size: 12px;
    line-height: 40px;
    margin: 0px;
    margin-left: 4px;
}

.header>.header_nav>.menu li:nth-child(13) {
    margin-right: 150px;
}

.header>.header_nav>.menu a {
    cursor: pointer;
    text-decoration-line: none;
    color: #b0b0b0;
}

.header>.header_nav>.menu a:hover {
    color: #fff;
}


/* 右 -----------------------------------------------------*/

.car {
    width: 120px;
    display: inline-block;
    color: #b0b0b0;
    font-size: 12px;
    box-sizing: border-box;
    padding-top: 8px;
    padding-bottom: 11.6px;
    text-align: center;
    background-color: #424242;
    position: relative;
}

.car:hover {
    cursor: pointer;
    background-color: #fff;
    color: #FF6600;
}

.car>.shopcar {
    display: none;
    background-color: #fff;
    box-shadow: 2px 2px 2px 2px #888888;
    height: 100px;
    width: 316px;
    float: right;
    position: absolute;
    top: 40px;
    right: 0px;
    overflow: hidden;
    box-shadow: 0 7px 7px 0 #ccc;
    /* box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5); */
}

.shopcar>span {
    color: black;
    display: inline-block;
    margin-top: 42px;
}

.car:hover>.shopcar {
    display: block;
    animation: car_move 0.3s linear 1;
}


/* 购物车动画 */

@keyframes car_move {
    from {
        height: 0px;
    }
    to {
        height: 100px;
    }
}


/* 头部结束--------------------------------------------------------- */


/* logo开始--------------------------------------------------------- */

.logoo {
    margin: 0px auto;
    width: 100%;
    background-color: #fff;
}

.container {
    width: 1226px;
    margin: 0px auto;
    background-color: #fff;
    border-bottom: 1px solid black;
}

.header-logo {
    float: left;
    display: inline-block;
    box-sizing: border-box;
    margin: 22.5px 0px 22.5px 0px;
    position: relative;
}

.logo {
    border: 1px solid #fff;
    border-radius: 22px;
    display: block;
    width: 55px;
    height: 55px;
    overflow: hidden;
    background-color: #ff6700;
    text-align: left;
    text-indent: -9999em;
}

.logo::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 55px;
    height: 55px;
    transition: all .3s;
    background: url(./img/mi-logo.png) no-repeat center center;
    opacity: 1;
}

.logo::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 55px;
    height: 55px;
    transition: all .3s;
    background: url(./img/mi-home.png) no-repeat center center;
    margin-left: -55px;
    opacity: 0;
}

.logo:hover::before {
    opacity: 0;
    margin-left: 55px;
}

.logo:hover::after {
    opacity: 1;
    margin-left: 0;
}

.menu1 {
    display: inline-block;
    font-size: 16px;
    width: 670px;
    margin-left: 180px;
    float: left;
    position: relative;
}

.menu1 li {
    box-sizing: border-box;
    margin-top: 39.4px;
    margin-bottom: 39.4px;
    margin-right: 11px;
    color: #333;
}

.menu1 li:hover {
    cursor: pointer;
    color: #FF6700;
}

.search {
    display: inline-block;
    float: left;
    box-sizing: border-box;
    margin-top: 30px;
    margin-bottom: 30px;
}

.logoo>.container::after {
    content: "";
    display: block;
    clear: both;
}

.logoo input {
    width: 220px;
    height: 40px;
    border: 1px solid #E0E0E0;
    outline: none;
}

.logoo>.container>.search li:last-child {
    display: inline-block;
    padding: 8.5px 17px 11px 17px;
    border: 1px solid #E0E0E0;
    margin-left: -5px;
    border-left: none;
}

.logoo>.container>.search {
    float: right;
}

.logoo>.container>.search ul {
    margin: 0px;
    padding: 0px;
}

.logoo>.container>.search li:last-child:hover {
    cursor: pointer;
    background-color: #ff6700;
}


/* logo结束 --------------------------------------------------------*/


/* 二级菜单开始 */

.logoo .menu_two {
    width: 1227px;
    /*  */
    background-color: #fff;
    position: absolute;
    top: 104px;
    left: -238px;
    display: none;
    color: black;
    font-size: 20px;
    overflow: hidden;
}

.logoo li:hover>.menu_two {
    z-index: 3;
    display: block;
    animation: menu_move 0.3s linear 1;
}

.logoo li:hover>.menu_two ul.menu_two_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
    display: flex;
}

.logoo li:hover>.menu_two ul.menu_two_list li {
    position: relative;
    float: left;
    width: 204px;
    height: 201px;
    /* padding: 35px 12px 0; */
    text-align: center;
    /* border: 1px solid black; */
}

.logoo li:hover>.menu_two p.price {
    margin: 0;
    color: #ff6700;
    font-size: 12px;
}

@keyframes menu_move {
    0% {
        height: 0px;
    }
    50% {
        height: 115%;
    }
    100% {
        height: 230%;
    }
}


/* 二级菜单结束 */


/* 展示部分开始 */

.showw {
    width: 100%;
    margin: 0px auto;
    background-color: #fff;
}

.showw>.show {
    width: 1226px;
    margin: 0px auto;
    background-color: #806288;
}

.showw>.show ul.show_item {
    display: inline;
}

.showw>.show>.show_left {
    height: 445px;
    float: left;
    background-image: url(./img/星空.jpg);
    /* opacity: 0.5; */
    position: relative;
}


/* 此处添加动画----------------------------------------------------- */

.showw>.show ul.show_item>li {
    display: block;
    font-size: 14px;
    width: 234px;
    height: 42px;
    color: #fff;
    box-sizing: border-box;
    padding: 11.4px 0px 11.4px 30px;
}

.showw>.show em {
    display: inline-block;
    float: right;
    margin-right: 10px;
}

.showw>.show ul.show_item>li:hover {
    cursor: pointer;
    background-color: #FF6700;
}


/* show——left二级菜单-------------------------------------------- */

.show_left .show_item_list {
    /* border: 1px solid black; */
    z-index: 11;
    position: absolute;
    left: 234px;
    bottom: 0px;
    top: -1px;
    height: 445px;
    background-color: #fff;
    /* width: 992px; */
    /* opacity: .5; */
    box-shadow: 2px 2px 8px 3px #ccc;
    display: flex;
}

.show_item_list li {
    display: block;
    width: 247.6px;
    height: 74.1px;
    color: black;
    position: relative;
}

.show_item_list ul {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
}

div.show_item_list::after {
    content: "";
    display: block;
    clear: both;
}

div.erjicaidan {
    position: absolute;
    left: 50%;
    margin-left: -98px;
    top: 50%;
    margin-top: -25px;
}

.show_item_list li img {
    vertical-align: middle;
}

.show_item_list li span {
    margin: 0px 24px 0px 10px;
}

div.transparent_container {
    display: none;
}

li.erjicaidan:hover div.transparent_container {
    display: block;
}


/* -- --------------------------------------------------------------*/

.showw>.show>.show_right {
    z-index: 10;
    float: left;
    background-color: #030305;
}

.showw>.show>.show_right img {
    width: 992px;
    height: 445px;
}

.showw>.show>.show_right>img {
    position: absolute;
    z-index: 0;
}

.showw>.show>.show_right>.img2>img {
    position: absolute;
    z-index: 1;
    animation-name: lunbo;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /*  animation-delay: 2s; */
}

.showw>.show>.show_right img:hover {
    cursor: pointer;
}

.showw>.show::after {
    content: " ";
    display: block;
    clear: both;
}


/* 展示动画开始 */

@keyframes lunbo {
    5% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    45% {
        opacity: 0;
    }
    55% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}


/* 展示动画结束 */

.showww {
    width: 100%;
    background-color: #fff;
    margin-bottom: 20px;
}

.show2 {
    margin: 10px auto 0px auto;
    width: 1225px;
    /* height: 170px; */
    background-color: #fff;
}

.show2>.show2_left {
    width: 278px;
    float: left;
    background-color: #5f5750;
}

.show2>.show2_menu li {
    display: block;
    /* background-color: black; */
    float: left;
    text-align: center;
}

.show2>.show2_left>.show2_left_menu a {
    color: rgb(200, 197, 195);
    text-decoration-line: none;
}

.show2>.show2_left>.show2_left_menu a:hover {
    color: #fff;
}

.show2>.show2_left>.show2_left_menu li {
    position: relative;
    width: 76px;
    height: 82px;
    box-sizing: border-box;
    margin-top: 3px;
    padding-top: 45px;
    padding-left: 10.5px;
    position: relative;
    left: -15px;
    top: -5px;
    border-radius: 2px;
    border-top: 2px solid #665e57;
    border-right: 2px solid #665e57;
}

.show2>.show2_left>.show2_left_menu li:nth-child(-n+3) {
    border-top: none;
}

.show2>.show2_left>.show2_left_menu li:nth-child(3n) {
    border-right: none;
}

.show2>.show2_left>.show2_left_menu img {
    height: 24px;
    width: 24px;
    position: absolute;
    left: 23px;
    bottom: 29px;
}

.show2>.show2_menu img {
    width: 310px;
    height: 170px;
}

.show2>.show2_menu {
    margin-left: -35px;
}

.show2>.show2_menu li {
    margin-right: 6px;
}

.show2>.show2_menu li:last-child {
    margin-right: 0px;
}


/* 展示部分结束------------------------------------------- */


/* 商品部份开始 */

.content {
    margin: 0px;
    width: 100%;
    background-color: #f5f5f5;
}

.content>.content_photo {
    width: 1226px;
    margin: 0px auto;
    overflow: hidden;
}

.content>.content_photo img {
    margin-top: 25px;
    width: 1226px;
    height: 120px;
}


/* -产品一区--------------------------------------- */

.content>.content_product {
    width: 1226px;
    margin: 0px auto;
}

.content>.content_product .content_product_title1 {
    float: right;
}

.content>.content_product a {
    color: #424242;
    text-decoration-line: none;
    font-size: 16px;
    line-height: 58px;
    /* >.content_product_title */
}

.content>.content_product .title_hover:hover {
    cursor: pointer;
    color: #FF6700;
}

.content>.content_product .title_hover1 li:hover {
    cursor: pointer;
    color: #FF6700;
}

.content>.content_product>.content_product_title span {
    color: #b0b0b0;
}

.content h2 {
    margin: 0px;
    display: inline-block;
    font-size: 22px;
    font-weight: 200;
    line-height: 58px;
}


/*========================================= */

.content_product_shop {
    width: 1226px;
    margin: 0px auto;
}

.content_product_shop::after {
    content: "";
    display: block;
    clear: both;
}

.content_product .content_product_shop1 {
    display: inline-block;
    width: 234px;
    height: 614px;
    margin: 0px;
    float: left;
    transition-property: all;
    transition-duration: 0.3s;
}

.content_product .content_product_shop1_1 {
    display: inline-block;
    width: 234px;
    height: 614px;
    /* background-color: blanchedalmond; */
    margin: 0px;
    float: left;
    /*    transition-property: all;
    transition-duration: 0.3s; */
}

.content_product .content_product_shop1_1>ul.product_menu {
    padding: 0px;
    margin: 0px;
}

.content_product .content_product_shop2 {
    width: 992px;
    float: left;
}

.content_product ul.product_menu {
    margin: 0px;
    float: left;
    display: inline-block;
    padding-left: 14px;
}

.content_product ul.product_menu>li {
    text-align: center;
    width: 234px;
    height: 300px;
    background-color: #fff;
    float: left;
    margin-right: 14px;
    margin-bottom: 14px;
    transition-property: all;
    transition-duration: 0.3s;
}

.content_product ul.product_menu>li:hover,
.content_product .content_product_shop1:hover {
    cursor: pointer;
    translate: -3px -3px;
    /* box-shadow: 0 7px 7px 0 #ccc; */
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);
}

.content_product ul.product_menu li.static {
    width: 234px;
    translate: 0px 0px;
    box-shadow: none;
}

.content_product div.li_top:hover,
.content_product div.li_bottom:hover {
    cursor: pointer;
    translate: -3px -3px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);
}

.content_product ul.product_menu>li:nth-child(4n) {
    margin-right: 0px;
}

.content_product ul.product_menu>li:nth-child(n+4) {
    margin-bottom: 0px;
}

.content_product div.img {
    width: 160px;
    height: 160px;
    margin: 27px 37px 15px 37px;
}

.content_product .h3_title {
    margin: 0px 10px 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: #333;
}

p.desc {
    margin: 0 10px 10px;
    height: 18px;
    color: #b0b0b0;
}

.content_product p.price {
    text-align: center;
    color: #ff6700;
    margin: 0 10px 14px;
    font-size: 14px;
}

.content_product span.del {
    color: #b0b0b0;
    margin-left: 0.5em;
    font-size: 12px;
    text-decoration-line: line-through;
}


/* 图片大小部分 */

.content .img_min {
    width: 160px;
    height: 160px;
}

.content .img_max {
    width: 100%;
    height: 100%;
}


/* 图片大小部分 */


/* 产品二区开始 */

.content_product_shop1 li.shop1_top {
    position: relative;
    right: 14px;
}

.li_top {
    width: 234px;
    height: 143px;
    background-color: #fff;
    margin-bottom: 14px;
    text-align: center;
    transition-property: all;
    transition-duration: 0.3s;
}

.li_bottom {
    width: 234px;
    height: 143px;
    background-color: #fff;
    transition-property: all;
    transition-duration: 0.3s;
}

.li_top img {
    /* display: inline-block; */
    float: right;
}

.li_top h3 {
    margin-top: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    padding-top: 10px;
    position: relative;
    top: 10px;
}

.bg1 {
    background-color: #f5f5f5;
}

.li_bottom p {
    display: inline-block;
    font-size: 18px;
    line-height: 5em;
    color: #333;
}

.li_bottom p>span {
    font-size: 30px;
    color: tomato;
}


/* 产品二区结束 */


/* 视频部分开始 */

.video {
    width: 1226px;
    margin: 0px auto;
}

.content_product .content_product_title2 {
    float: right;
}

.video>.video_list {
    text-align: center;
    width: 296px;
    height: 285px;
    background-color: #fff;
    float: left;
    transition-property: all;
    transition-duration: 0.3s;
}

.video>.video_list:hover {
    cursor: pointer;
    translate: -3px -3px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);
}

.video>.video_list:nth-child(-n+3) {
    margin-right: 14px;
}

.video::after {
    content: "";
    display: block;
    clear: both;
}

.video>.video_list>.video_list_img img {
    width: 296px;
    height: 180px;
}


/* 视频部分结束 */


/* 商品部份结束 */


/* 底部信息开始 */

.footer>.footer_content {
    margin: 0px auto;
    width: 1226px;
    /* height: 200px; */
    background-color: #fff;
}

.footer .footer_service {
    padding: 27px 0;
    border-bottom: 1px solid #e0e0e0;
}

.footer .footer_service>ul.list_service {
    width: 100%;
    font: 14px/1.5 Microsoft YaHei, ;
    color: #333;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.footer .footer_service>ul.list_service::after {
    content: "";
    display: block;
    clear: both;
}

.footer .footer_service>ul.list_service>li {
    color: #616161;
    float: left;
    width: 19.8%;
    height: 25px;
    border-left: 1px solid #e0e0e0;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    list-style-type: none
}

dl.list_link {
    float: left;
    width: 160px;
    margin: 0;
}

div.footer_link {
    padding: 40px 0;
}

div.footer_link::after {
    content: "";
    display: block;
    clear: both;
    margin: 180px auto 0;
    width: 100%;
    height: 19px;
    background: url(https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/slogan2020.png) no-repeat center 0;
}

dl.list_link dt {
    margin: -1px 0 26px;
    font-size: 14px;
    line-height: 1.25;
    color: #424242;
    font: 14px/1.5 'Microsoft YaHei';
}

dl.list_link dd {
    margin: 10px 0 0;
    font-size: 12px;
    font: 12px/1.5 'Microsoft YaHei';
}

dl.list_link dd>a {
    text-decoration-line: none;
    color: #757575
}

.footer_link>.footer_link_right {
    float: right;
    width: 251px;
    border-left: 1px solid #e0e0e0;
    text-align: center;
    color: #616161;
    margin: 0 0 5px 0;
    text-align: center;
    color: #616161;
}

.footer_link>.footer_link_right:hover {
    cursor: pointer;
}

.footer_link>.footer_link_right>p.phone {
    font-size: 22px;
    line-height: 1;
    color: #ff6700;
}


/* 底部信息结束 */